[線上讀書會] 楊興 主講 Universal Rendering with React/Redux
https://www.youtube.com/watch?v=tqRkdVzjh8Q
[線上讀書會] tomas 主講 react server-render isomorphic
https://www.youtube.com/watch?v=WzrLmp-1dYg
心得重點分享
1.在reactjs spa 單頁應用程式下 會失去seo的效果,這邊使用了server-render的方式來處理這方面的問題
2.以reactstratkit 來說 使用了 history 這個套件 來監聽是否網址列有更動(使用event.preventDefault 使其不會跳頁單是會更新網址列)
history.listen 如果有更動就會去向後端,要資料回填到前端,回填的時候其實meta與ga或title等等前端已經挖好可以置換的變數,在這邊新的一頁就會塞到 history 這樣seo就會有資料可以爬了
3.常會聽到 isomorphic / Universal 這邊差異是在 isomorphic (前後端都是使用js,Universal則server端不拘)